<mat-card class="panel-add">
  <mat-card-title>{{ "assets.add_address" | translate: lang }}</mat-card-title>
  <form [formGroup]="validateForm" (ngSubmit)="onSubmit()">
    <div class="form">
      <!-- <app-coin-select
        style="width:30%"
        (onChange)="onChangeCoin($event)"
      ></app-coin-select> -->
      <mat-form-field style="width:100%" appearance="outline">
        <input
          matInput
          #email
          type="text"
          formControlName="address"
          placeholder="{{ 'assets.withdraw_address' | translate: lang }}"
        />
        <mat-error *ngIf="validateForm.controls.address.hasError('required')">
          {{ "assets.error.no_address" | translate: lang }}
        </mat-error>
      </mat-form-field>

      <mat-form-field style="width:100%" appearance="outline">
        <input
          matInput
          #email
          type="text"
          formControlName="remark"
          placeholder="{{ 'assets.remark' | translate: lang }}"
        />
      </mat-form-field>
    </div>

    <div class="i action">
      <button type="button" class="cancel" mat-button (click)="close()">
        {{ "assets.cancel" | translate: lang }}
      </button>
      <button class="save" mat-button [disabled]="!validateForm.valid">
        {{ "assets.add_address" | translate: lang }}
      </button>
    </div>
  </form>
</mat-card>

<!--
  <mat-card style="margin-top:20px">
    <div class="panel-app">
      <table mat-table [dataSource]="dataSource" multiTemplateDataRows matSort>
        <ng-container
          matColumnDef="{{column}}"
          *ngFor="let column of displayedColumns"
        >
          <ng-container *ngIf="column === 'action'">
            <th
              mat-header-cell
              *matHeaderCellDef
              mat-sort-header
              [ngStyle]="{ width: '140px', paddingLeft: '19px' }"
            >
              {{ column }}
            </th>
          </ng-container>
          <ng-container *ngIf="column !== 'action'">
            <th
              mat-header-cell
              *matHeaderCellDef
              mat-sort-header
              [ngStyle]="{ width: '140px' }"
            >
              {{ column }}
            </th>
          </ng-container>

          <ng-container *ngIf="column !== 'action'">
            <td mat-cell *matCellDef="let item" [ngStyle]="{ width: '140px' }">
              {{
                column === "time"
                  ? (item.time
                    | timeAgo: { ago: item.ago, now: item.now, locale: locale })
                  : item[column]
              }}
            </td>
          </ng-container>

          <ng-container *ngIf="column === 'action'">
            <td mat-cell *matCellDef="let item" [ngStyle]="{ width: '140px' }">
              <button (click)="onDel(item)" mat-button>
                {{ "assets.del" | translate: lang }}
              </button>
            </td>
          </ng-container>
        </ng-container>

        <tr mat-header-row *matHeaderRowDef="displayedColumns"></tr>
        <tr mat-row *matRowDef="let item; columns: displayedColumns"></tr>
      </table>

      <mat-paginator
        [pageSizeOptions]="[5, 10, 20]"
        showFirstLastButtons
      ></mat-paginator>
    </div>
  </mat-card>
-->
